<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>华中师范大学附属孝感幼儿园网上招生系统</title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <!-- Bootstrap 3.3.6 -->
  <link rel="stylesheet" href="__ROOT__/Public/adminlte/bootstrap/css/bootstrap.min.css">
  <!-- Font Awesome -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
  <!-- Ionicons -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
  <!-- Theme style -->
  <link rel="stylesheet" href="__ROOT__/Public/adminlte/dist/css/AdminLTE.min.css">

  <!-- AdminLTE Skins. We have chosen the skin-blue for this starter
        page. However, you can choose any other skin. Make sure you
        apply the skin class to the body tag so the changes take effect.
  -->
  <link rel="stylesheet" href="__ROOT__/Public/adminlte/dist/css/skins/skin-blue.min.css">
    <!-- jvectormap -->
  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->
</head>

<include file="./Application/Home/View/adminlte/wrap.html" siderid="1" />

  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper" id="mcont">

		<!-- Content Header (Page header) -->
    <section class="content-header"></section>

    <div class="pad margin no-print">
      <div class="callout callout-info" style="margin-bottom: 0!important;">
        <h4><i class="fa fa-info"></i> 提示:</h4>
        在报名请，请仔细阅读《招生归属权确认办法》,并将电子文件资料提交到管理员邮箱。
      </div>
    </div>

	<section class="content">

      <div class="row">
			<div class="col-md-8">
					<div class="box box-info">
            <div class="box-header with-border">
              <h3 class="box-title">最新报名名单</h3>

              <div class="box-tools pull-right">
                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
                </button>
                <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
              </div>
            </div>
            <!-- /.box-header -->
            <div class="box-body">
              <div class="table-responsive">
                <table class="table no-margin">
                  <thead>
                  <tr>
                    <th>序号</th>
                    <th>姓名</th>
                    <th>班级</th>
                    <th>家庭住址</th>
                  </tr>
                  </thead>
                  <tbody>
				  <volist name="list" id="stu">
                  <tr>
                    <td>{$i}</td>
                    <td>{$stu.name}</td>
                    <td><if condition="$stu.class eq '小班'"><span class="label label-warning">小班</span>
<elseif condition="$stu.class eq '中班'"/><span class="label label-success">中班</span>
<else /><span class="label label-danger">大班</span>
</if></td>
                    <td>{$stu.address}</div>
                    </td>
                  </tr>
				  </volist>

                  </tbody>
                </table>
              </div>
              <!-- /.table-responsive -->
            </div>
            <!-- /.box-body -->
            <div class="box-footer clearfix">
              <a href="__CONTROLLER__/addstu" class="btn btn-sm btn-info btn-flat pull-left">新建报名</a>
              <a href="__CONTROLLER__/stulist" class="btn btn-sm btn-default btn-flat pull-right">查看所有报名</a>
            </div>
            <!-- /.box-footer -->
          </div>
			</div> 

			<div class="col-md-4">
				<div class="box box-default">
            <div class="box-header with-border">
              <h3 class="box-title">报名学生年龄段比例</h3>

              <div class="box-tools pull-right">
                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
                </button>
                <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
              </div>
            </div>
            <!-- /.box-header -->
            <div class="box-body">
              <div class="row">
                <div class="col-md-8">
                  <div class="chart-responsive">
                    <canvas id="pieChart" height="150"></canvas>
                  </div>
                  <!-- ./chart-responsive -->
                </div>
                <!-- /.col -->
                <div class="col-md-4">
                  <ul class="chart-legend clearfix">
                    <li><i class="fa fa-circle-o text-red"></i> 3岁以下</li>
                    <li><i class="fa fa-circle-o text-green"></i> 3—4岁</li>
                    <li><i class="fa fa-circle-o text-yellow"></i> 4—5岁</li>
                    <li><i class="fa fa-circle-o text-aqua"></i> 5—6岁</li>
                    <li><i class="fa fa-circle-o text-light-blue"></i> 6岁以上</li>
                  </ul>
                </div>
                <!-- /.col -->
              </div>
              <!-- /.row -->
            </div>
            <!-- /.box-body -->
            <div class="box-footer no-padding">
              <ul class="nav nav-pills nav-stacked" id="stu_list">
                <li><a href="#"><i class="fa fa-circle-o text-red"></i>3岁以下<span class="pull-right text-red"><i class="fa fa-angle-left"></i> <span>0</span></span></a></li>
                <li><a href="#"><i class="fa fa-circle-o text-green"></i>3—4岁<span class="pull-right text-green"><i class="fa fa-angle-left"></i> <span>0</span></span></a></li>
                <li><a href="#"><i class="fa fa-circle-o text-yellow"></i>4—5岁<span class="pull-right text-yellow"><i class="fa fa-angle-left"></i> <span>0</span></span></a></li>
				<li><a href="#"><i class="fa fa-circle-o text-aqua"></i>5—6岁<span class="pull-right text-aqua"><i class="fa fa-angle-left"></i> <span>0</span></span></a></li>
				<li><a href="#"><i class="fa fa-circle-o text-light-blue"></i>6岁以上<span class="pull-right text-light-blue"><i class="fa fa-angle-left"></i> <span>0</span></span></a></li>
              </ul>
            </div>
            <!-- /.footer -->
          </div>	
			</div> 

      </div>
      <!-- /.row -->

      <!-- Table row -->
      <div class="row">
        
        <!-- /.col -->
      </div>
      <!-- /.row -->

      <div class="row">
        <!-- accepted payments column -->
       
        <!-- /.col -->
      
        <!-- /.col -->
      </div>
      <!-- /.row -->
</section>
      <!-- this row will not appear when printing -->


    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->

  
</div>
<!-- ./wrapper -->

<!-- REQUIRED JS SCRIPTS -->

<!-- jQuery 2.2.3 -->
<script src="__ROOT__/Public/adminlte/plugins/jQuery/jquery-2.2.3.min.js"></script>
<!-- Bootstrap 3.3.6 -->
<script src="__ROOT__/Public/adminlte/bootstrap/js/bootstrap.min.js"></script>
<!-- AdminLTE App -->
<script src="__ROOT__/Public/adminlte/dist/js/app.js"></script>

<!-- ChartJS 1.0.1 -->
<script src="__ROOT__/Public/adminlte/plugins/chartjs/Chart.min.js"></script>
<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
<script src="__ROOT__/Public/adminlte/dist/js/pages/dashboard2.js?3123"></script>

</body>
</html>
